<template>
  <div class="about">
    <h1></h1>
    <tab
      :tabtitles="tabs"
      className="test"
    >
      <div class="tab-container">11111</div>
      <div class="tab-container">22222</div>
    </tab>
  </div>
</template>
<script>
import Tab from '../components/VueTab'
export default {
  components: {
    Tab
  },
  data() {
    return {
      tabs: ['test1', 'test2']
    }
  }
}
</script>
<style>
.test .tab-title-container {
  background-color: transparent;
}
.test .tab-title.active {
  background-color: transparent;
}
</style>

